<template>
  <div class="homeone">
    <el-backtop
      target=".homeone"
      :bottom="90"
      :right="25"
      :visibility-height="80"
    >
      <div
        style="
           {
            height: 100%;
            width: 100%;
            border-radius: 20px;

            box-shadow: 0 0 6px rgba(0, 0, 0, 0.12);
            text-align: center;
            line-height: 40px;
            color: rgb(255, 255, 255);
          }
        "
      >
        <van-icon name="back-top" size="1.5rem" color="rgb(204, 204, 204)" />
      </div>
    </el-backtop>

    <NewTop></NewTop>
    <RotationMap />
    <NavTop />

    <BannerCenter />
    <ListCenter />
    <YouLike />
  </div>
</template>

<script>
// @ is an alias to /src
import BannerCenter from "../components/IndexView/BannerCenter.vue";
import NewTop from "../components/IndexView/NewTop.vue";
import NavTop from "../components/IndexView/NavTop.vue";
import RotationMap from "../components/IndexView/RotationMap";

import ListCenter from "../components/IndexView/ListCenter";
import YouLike from "../components/IndexView/YouLike.vue";

export default {
  data() {
    return {};
  },

  components: {
    NewTop,
    NavTop,
    RotationMap,
    ListCenter,
    YouLike,
    BannerCenter,
  },
  created() {},
  methods: {},
};
</script>
<style>
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
}
.header-top {
  width: 100%;
  height: 48px;
  background-color: #555555;
}
.anniu {
  width: 80px;
  height: 30px;
  font-size: 20px;
  color: white;
  float: left;
}

.text-style {
  font-size: 28px;
}
.good-name-style {
  width: 100%;
  text-align: left;
  float: left;
}
.price-style {
  text-align: left;
  width: 50%;
  padding-bottom: 30px;
  float: left;
}
.goods-show-button {
  padding: 12px;
  margin: 12px;
  border: slategrey;
}
.shop-num-style {
  float: left;

  font-size: 10px;
  border: red 1px solid;
  width: 58px;
  padding: 2px;
  border-radius: 2px;
  color: red;
}
.homeone {
  width: 100%;

  height: 800px;
  overflow-x: hidden;
}
</style>
